/* pages/abnormal/abnormal.wxss */

.page-bg {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
}



.back-icon {
  position: static/relative;
  left: 20rpx;
  font-size: 40rpx;
  transform: translateY(-50%);
}

.van-tabs {
  height: 100rpx;
  line-height: 100rpx;
  z-index: 5;
}

.pressure-title {
  margin-bottom: 32rpx;
  font-size: 27rpx;
  margin-left: 22rpx;
}


.pressure-card {
  width: 660rpx;
  height: 180rpx;
  margin: 22rpx auto;
  padding: 2rpx 28rpx;
  border-radius: 20rpx;
  background-color: #ffffff;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
  position: relative;

  & > .date_time {
    position: absolute;
    top: -20rpx; // 想往上放就调小
    left: 28rpx;
    font-size: 30rpx;
    color: #333;
  }

  & > .icon_left_water {
    width: 72rpx;
    height: 72rpx;
    position: absolute;
    left: 24rpx;
    bottom: 30rpx;
  }

  & > .high_pressure {
    font-size: 36rpx;
    font-weight: 600;
    color: #000;
    position: absolute;
    left: 122rpx;
    bottom: 44rpx;
  }

  & > .low_pressure {
    font-size: 27rpx;
    color: #888;
    position: absolute;
    left: 192rpx;
    bottom: 48rpx;
  }

  & > .degree_pressureheavy {
    position: absolute;
    font-size: 27rpx;
    left: 600rpx;
    bottom: 52rpx;
    border: 2rpx solid #E6352B; // 边框颜色
    border-radius: 8rpx; // 圆角半径
    background-color: #ffffff; // 背景色
    padding: 2rpx 6rpx;
    color: #E6352B; // 字体颜色
  }

  & > .degree_pressuremiddle {
    position: absolute;
    font-size: 27rpx;
    left: 600rpx;
    bottom: 52rpx;
    border: 2rpx solid #FF9500; // 边框颜色
    border-radius: 8rpx; // 圆角半径
    background-color: #ffffff; // 背景色
    padding: 2rpx 6rpx;
    color: #FF9500; // 字体颜色
  }

  & > .degree_pressurenormal {
    position: absolute;
    font-size: 27rpx;
    left: 550rpx;
    bottom: 52rpx;
    border: 2rpx solid #0093D2; // 边框颜色
    border-radius: 8rpx; // 圆角半径
    background-color: #ffffff; // 背景色
    padding: 2rpx 6rpx;
    color: #0093D2; // 字体颜色
  }

  & > .degree_pressurelittle {
    position: absolute;
    font-size: 27rpx;
    left: 600rpx;
    bottom: 52rpx;
    border: 2rpx solid #00C954; // 边框颜色
    border-radius: 8rpx; // 圆角半径
    background-color: #ffffff; // 背景色
    padding: 2rpx 6rpx;
    color: #00C954; // 字体颜色
  }
}
